<div ng-init="init();" class="kmi-layout-content QT04-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'QT04.title' | translate"></div>
        <div class="header-btn">
            <!-- <div class="header-btn_fields" style="cursor: pointer;" ng-click="export();">
                <i class="material-icons">&#xE24D;</i>
            </div> -->
            <div class="header-btn_fields" style="cursor: pointer;" ng-click="filterCondition();">
                <img src="image/icons/search.png"></img> 
            </div>
            <div class="header-btn_fields" ng-bind="'QT_standard.common.save' | translate" style="cursor: pointer;" ng-click="saveModule();"></div>
            <div class="header-btn_fields" ng-bind="'QT_standard.common.load' | translate" style="cursor: pointer;" ng-click="loadModule();"></div>
        </div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="left-page">
                <div class="bom-data">
                    <div class="search-data" ng-repeat="item in bom_data track by $index" ng-style="bomData_style(item);">
                        <div class="bom-level-icons" ng-bind="item.lev"></div>
                        <!-- 品號 / 品名 / 規格 / 庫存批 -->
                        <div style="flex: 1; cursor: pointer;" ng-show="item.lev != '0'" ng-bind="item.sub_item + '/' + item.sub_item_name + '/' + item.sub_item_spec + '/' + item.sub_lot"></div>
                        <div style="flex: 1; cursor: pointer;" ng-show="item.lev == '0'" ng-bind="item.parent_item + '/' + item.parent_item_name + '/' + item.parent_item_spec + '/' + item.praent_lot"></div>
                        <div class="kmi-can-click" ng-click="getDashboardData(item);"></div>
                    </div>
                </div>
                <div class="section" ng-class="[dashboardPanel[0], (dashboard[dashboardPanel[0]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[0]].templateUrl"></div>
            </div>
            <div class="right-page">
                <div class="mind-map" id="mind-map"></div>
                <div class="right-inner-page" ng-class="[isInnerContentHide?'is-closed':'']">
                    <div class="section" ng-class="[dashboardPanel[1], (dashboard[dashboardPanel[1]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[1]].templateUrl"></div>
                    <div class="section" ng-class="[dashboardPanel[2], (dashboard[dashboardPanel[2]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[2]].templateUrl"></div>
                </div>
            </div>
        </div>
    </div>
</div>
